         body{padding: 25px}
        .box{border:1px solid black;height:700px}
        #top_box{width: 100%;height: 35px;border-bottom:1px solid black;}
        #left_box{width:20%;height:664px;float:left;border-right:1px solid black;}
        #message_box{width:80%;height:570px;float:right;overflow:auto;padding:0 5px 0 5px}
        #tool_box{width:80%;height:20px;float:right;}
        #right_box_down{width:80%;height:73px;float: right;border-top:1px solid black;}
        #input_box{width: 100%;height: 100%;}
        .inp{height: 100%;width:100%;resize:none}
        .enter{height: 100%;width: 100%}
        .sp{width: 15%}
        .text{word-wrap:break-word;word-break:break-all;}
        #search_box{width:20%;float:left;line-height:35px;padding-left:7px}
        #name_box{width:80%;float:right;text-align:center;line-height:35px;font-weight:bold}
        .toLi{background-repeat:no-repeat;padding-left:45px;background-size:40px;background-position:left top;}
        .frLi{background-repeat:no-repeat;padding-right:45px;background-size:40px;background-position:right top;text-align:right}
        .online{color:green}
        .offline{color:red}
        .fl{padding-left:5px}
        .fl>li{float:left;margin-right:15px;list-style-type:none}
        .fl>li>img{width:16px;height:16px}
        #msg_ul>li{border:0px;margin-bottom:5px}
        .img{width:340px;height:220px}
        span.emotion { width: 42px; height: 20px; padding-left: 20px; cursor: pointer }
        span.emotion:hover { background-position: 2px -28px }
        .qqFace { margin-top:-154px; background: #fff; padding: 2px; border: 1px #dfe6f6 solid; }
        .qqFace table td { padding: 0px; }
        .qqFace table td img { cursor: pointer; border: 1px #fff solid; }
        .qqFace table td img:hover { border: 1px #0066cc solid; }
        .head_img{width:45px;height:45px}
        .head_box{ width:20%;display:inline-block}
        .name_msg{width:80%;float:right}
        .msg_time{float:right}
         .bd{float:right}
         .back{background:wheat}
         